<!DOCTYPE html>
<html lang="en" id="width">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no"
    />
    <link href="./css/zeng/sytle/reset.css" rel="stylesheet" />
    <link href="./css/zeng/sytle/1px.css" rel="stylesheet" />
    <link href="./css/zeng/sytle/order.css" rel="stylesheet" />
    <title>全部订单</title>
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <a href="javascript:history.go(-1)"><img src="./images/zeng/icon/arrow_03.png" /></a>
      <p class="title">全部订单</p>
      <a href="javascript:;" class="empty">手机查单</a>
    </header>
    <!-- 主体内容 -->
    <section class="contains">
      <ol class="list">
        <li>
          <div class="content">
            <div class="top">
              <div class="lt">
                <span class="icon"></span>
                <h3>
                  三亚5日4晚半自助游
                  <p>12-23至12-27</p>
                </h3>
              </div>
              <div class="gt">
                ¥6512
                <p>未提交</p>
              </div>
            </div>
            <div class="bottom">
              <a href="javascript:;" class="btn">取消</a>
              <a href="javascript:;" class="btn">查看</a>
              <a href="javascript:;" class="btn">继续预定</a>
            </div>
          </div>
        </li>
      </ol>

      <div class="order">
        <p>已显示全部订单</p>
        <a href="javascript:;">
          查看一年前订单
          <span></span>
        </a>
      </div>
    </section>

    <!-- 导航 -->
    <footer>
      <ul>
        <li>
          <a href="javascript:;">
            <span></span>
            <p>筛选</p>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <span></span>
            <p>预定时间</p>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <p>有效订单</p>
            <span></span>
          </a>
        </li>
      </ul>
    </footer>
    <script src="./js/zeng/order.js"></script>
  </body>
</html>
